// flex定位 - 垂直居中
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
// 不换行
.flex-nowrap {
  flex-wrap: nowrap;
}
// flex定位 - 列平均分布
.flex-justify {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  align-content: center;
  .justify-item {
    flex: 1;
  }
}

// flex定位 - 两个元素- 一左一右
.flex-2-item,
.flex-2-column {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.flex-2-item {
  align-items: center;
}
.flex-2-column {
  align-items: stretch;
}
.flex-1 {
  flex: 1 !important;
}
.flex-2 {
  flex: 2 !important;
}
.flex-auto {
  flex: auto !important;
}
.flex-initial {
  flex: initial !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}


